<template>
  <view>
    <view class="page_title">请选择相片尺寸</view>
    <div class="zjzlist">
      <view v-for="item in listSize" :key="item.id" class="zjzitem" @click="makeImg(item.id)">
        <view class="itemName">{{item.name}}</view>
        <view class="itemSize">{{item.sizePx}}</view>
        <view class="itemPx">{{item.sizeNum}}</view>
      </view>
    </div>
  </view>
</template>
<script>
import listSize from '../../util/data.js'
export default {
  data() {
    return {
      listSize: listSize
    }
  },
  methods: {
    makeImg(id) {
      uni.navigateTo({
        url: `/pages/explain/index?id=${id}`
      })
    },
    changeSize() {
      uni.navigateTo({
        url: `/pages/changeSize/index`
      })
    }
  }
}
</script>
<style>
@import './index.css';
</style>